 .todo-info {
   display: flex;
   justify-content: space-between;
   font-weight: 400;
   line-height: 30px;
   padding: 5px 10px;
   border-top: 1px solid rgba(0, 0, 0, 0.1);
   user-select: none;

   .total {
     font-size: 16px;
     color: red;
   }

   .tabs {
     display: flex;
     padding: 0 30px;
     width: 350px;
     justify-content: space-around;
     min-width: 350px;
   }

 }

 .btn.info {
   padding: 0 10px;
   border-radius: 5px;
   cursor: pointer;
   appearance: none;
   border: none;
   outline: none;
   border: 1px solid rgb(131, 175, 155);
   background-color: rgb(131, 175, 155);
   color: #fff;
   font-size: 20px;
 }

 .btn.primary {
   padding: 0 10px;
   border-radius: 5px;
   cursor: pointer;
   appearance: none;
   border: none;
   outline: none;
   border: 1px solid rgb(131, 175, 155);
   font-size: 20px;

 }

 .btn.primary.actived {
   padding: 0 10px;
   border-radius: 5px;
   cursor: pointer;
   appearance: none;
   border: none;
   outline: none;
   border: 1px solid rgb(252, 157, 154);
   background-color: rgb(252, 157, 154);
   color: #fff;
   font-size: 20px;

 }